<html>
<head>
<title>Casamiento</title>
 <style type="text/css">
.color { 
	width:15px; height:15px;}
#card {
	width:331px; height:338px;background-image:url('/images/card_background.png');
	text-align:center;
	}
	#corner_top {
		float:left;
		padding-left:25px;
		padding-top:30px;
		}
	#theme {
	padding-top: 65px;}
	#monogram {
		padding-top:30px;}
	a img  { border:0; }
	a:hover img { background-color: #999;}
</style>
</head>
<body>
	<div id="card">
		<div id="corner_top">	<%= link_to_remote(image_tag("/binary/get_item/2"), :url => { :action => 'edit_corner' }) %>
		</div>
		<div id="theme">
			<img src="/images/king_and_queen.png">
		</div>
				<div id="monogram"><img src="/images/monogram.png" /></div>
	
</div>
<div id="colors">
	<% @colors.each do |color| %>
	<div class="color" style="background-color:#<%= color.hex %>;" > <%= link_to_remote "xxxx", :url => { :action => "change_color", :item => "corner_top", :color => color.id } %></div>
</div>
	<% end %>
	
</div>
</body>
</html>